<template>

	<view class="page">
		<image class="loginbgImg" src="/static/img/login-bg.png" mode="widthFix"></image>
		<view class="layout nopad" :style="{ marginTop: h + 'px' }">
			<view class="logo">
				<view class="logo1 f fc">
					<image src="../../static/img/logo1.png" mode=""></image>
				</view>
			</view>
			<view class="title">
				您登陆的用户账号归属于多个企业,请从以下企业中选择一个进行登录
			</view>
			
			<view class="identCont">
				<view class="ident f" v-for="(item, index) in list" :key="index" :class="{ active: active == index }" @click="toIndex(item, index)">
					<image src="../../static/img/yh1.png" mode="" class="icon1"></image>
					<text>{{ item.name }}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			h: this.$h,
			active: -1,
			list: [{ name: '(北京)文化科技有限公司' }, { name: '北京合志新有限公司' }, { name: '北京丰安科技有限公司' }]
		};
	},
	methods: {
		toIndex(item, index) {
			uni.switchTab({
				url: '../../pages/home/index'
			});
			this.active = index;
			console.log(2222222)
		
		}
	}
};
</script>

<style lang="scss" scoped>
	.page {
		background: #fff;
		.loginbgImg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 408rpx;
		}
	}
	.layout {
		position: relative;
		z-index: 2;
		.logo {
			width: 221rpx;
			height: 221rpx;
			margin: 90rpx auto 0 auto;
			background: RGBA(255, 255, 255, 0.2);
			padding: 15rpx;
			box-sizing: border-box;
			border-radius: 100%;
			// background: url(../../static/img/logo.png) no-repeat center;
			// background-size: 100%;
			.logo1{
				width: 100%;
				height: 100%;
				background: #E2F3FE;
				border-radius: 100%;
				image{
					width: 70%;
					height: 70%;
				}
			}
		}
		.title{
			width: 690rpx;
			margin: 40rpx auto 40rpx;
			border-left: 10rpx solid $color;
			padding: 0 20rpx ;
			font-weight: bold;
			font-size: 30rpx;
			color: $color;
	
		}
	
}
	


.identCont {
	width: 690rpx;
	margin: 0 auto;
	.ident {
		width: 100%;
		height: 120rpx;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.24);
		border-radius: 10rpx;
		border-radius: 10px;
		font-size: 36rpx;
		margin-bottom: 30rpx;
		padding: 0 30rpx;
		box-sizing: border-box;
		.icon1 {
			width: 96rpx;
			height: 96rpx;
			margin-right: 30rpx;
		}
	}
	.active {
		background: $color;
		color: #fff;
	}
}

.w100 {
	width: 100%;
}
</style>
